<div class="media">
  <a class="pull-left" href="#">
    <% if (data.length > 0) { %>
    <img class="media-object img-rounded" src="<%=data[0].picture%>">
    <% } %>
  </a>
  <div class="media-body">
    <h5 class="media-heading"><%=name%> (<%=data.length%> Photos)</h5>
    <ul style="margin:0;padding:0;">
      <% _.each( data, function(image){ %>
        <% if (image.picture) { %>
          <li style="float:left;margin:5px;list-style-type:none;"><img src="<%=image.picture%>" class="img-rounded"></li>
        <% } %>
      <% }); %>
    </ul>
  </div>
</div>